<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <script src="bootstrap/js/jquery-1.11.1.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
      <script>
      $(function(){
      	
      		/*
	      	jQuery.fn.extend({
	      		red: function(){
	      			$(this).css('color','red'); 
	      		}
	      	});
	      	
	      	jQuery.extend({
	      		alert: function(mes){
	      			console.log(mes);
	      		}
	      	});
	      	*/
	      	$('button').click(function(){
	      		
	      		$.alert('世界你好啊');
	      		
	      		// $('div').red();
	      	});
      	
      });
      </script>
   <style>
   body{padding-top:70px}
   </style>
   </head>
   <body>
   	<button class="bnt btn-primary">按钮</button>
   	<hr />
   	<div>轻轻的我走了</div>
   </body>
</html>